import React, { memo, useState } from 'react';
import classNames from 'classnames';
import { useAppSelector } from 'modules/store';
import { selectGlobal } from 'modules/global';
import { Link } from 'tdesign-react';

import Style from './index.module.less';

export default memo(() => {
  const globalState = useAppSelector(selectGlobal);
  const { theme } = globalState;
  return (
    <div
      className={classNames(Style.loginWrapper, { [Style.light]: theme === 'light', [Style.dark]: theme !== 'light' })}
    >
      {/* <LoginHeader /> */}
      {/* <div className={Style.bodyContainer}> */}
      {/*   <div className={Style.loginContainer}> */}
      {/*     <Login /> */}
      {/*   </div> */}

      {/*   <footer className={Style.copyright}>Copyright @ 2021-2025 xxx. All Rights Reserved</footer> */}
      {/* </div> */}
      <Link theme="primary" size="large" href="/platform/order">平台端下单</Link>
      <Link theme="primary" size="large" href="/client/order">客户端下单</Link>

    </div>
  );
});
